                        * {
                            margin: 0;
                            padding: 0;
                            box-sizing: border-box;
                            list-style: none;
                            text-decoration: none;
                        }
                        
                        body {
                            /*background: cream;*/
                        }
                        
                        .all-content {
                            display: flex;
                            position: relative;
                        }
                        
                        .all-content .sidebar {
                            position: fixed;
                            width: 300px;
                            height: 100%;
                            background: #1D3956;
                            padding: 30px 0;
                        }

                        .all-content .sidebar h2 {
                            color: #fff;
                            text-transform: uppercase;
                            text-align: center;
                            margin-bottom: 40px;
                        }

                        .all-content .sidebar ul li {
                            padding: 10px;
                            border-bottom: 2px solid rgba(0, 0, 0, 0.05);
                            border-top: 1px solid rgba(255, 255, 255, 0.255);
                            background: #4C81B3;
                        }

                        .all-content .sidebar ul li a {
                            color: #FFFFFF;
                            display: block;
                            font-family: arial black;
                        }

                        .all-content .sidebar ul li a .fas {
                            /* for icons not currently present */
                            width: 25px;
                        }

                        .all-content .sidebar ul li:hover {
                            background: #C88D33;
                        }

                        .all-content .sidebar .footer_tag {
                            position: absolute;
                            bottom: 0px;
                            display: flex;
                            background: #4C81B3;
                            width: 100%;
                            align-content: center;
                        }

                        .all-content .sidebar .footer_tag a {
                            margin: 10px;
                            color: #FFFFFF;
                            margin-left: 10%;
                        }

                        .all-content .main-content {
                            width: 100%;
                            margin-left: 300px;
                            /*border-style: groove;*/
                            height: 100%;
                        }

                        .all-content .main-content .header h1 {
                            padding: 15px;
                            background-image: radial-gradient( #d3cdc2, #1D3956, #4C81B3);
                            color: white;
                            border-bottom: 1px solid #e0e4e8;
                            font: 80px arial, verdana;
                            text-shadow: 2px 2px rgba(0, 0, 0, .2);
                            height: 170px;

                        }
                        
                        #headerp {
                            text-align: right;
                        }
                        
                        .all-content .main-content .info {
                            margin: 30px;
                            color: #717171;
                            line-height: 25px;
                            font-family: helvetica;
                        }
                        
                        #table th,
                        td,
                        tr {
                            height: 50px;
                            padding: 15px 20px;
                            /*text-align: center; */
                        }
                        
                        .all-content .main-content .info input,
                        select {
                            width: 180px;
                            height: 40px;
                            border-radius: 10px;
                            border: 0px;
                            background: rgb(226, 225, 225);
                        }
                        
                        #configName,
                        #dataset,
                        #oldRunningConfig,
                        #obGen,
                        #numOfOb,
                        #p2pDisAll,
                        #n2nDisAll,
                        #description,
                        #datasetName,
                        #ObGenClass {
                            width: 450px;
                            height: 40px;
                            border-radius: 10px;
                            border: 0px;
                            background: rgb(226, 225, 225);
                        }
                        
                        #result_true_centers {
                            text-align: center;
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            width: 800px;
                            padding: 10px;
                        }
                        
                        #result_true_centers th,
                        td {
                            border-bottom: 1px solid #ddd;
                        }
                        
                        #result_true_centers tr:hover {
                            background-color: #f5f5f5;
                        }
                        
                        #summary_of_dataset {
                            text-align: left;
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            width: 800px;
                            padding: 10px;
                        }
                        
                        #summary_of_dataset tr:hover {
                            background-color: #f5f5f5;
                        }
                        
                        .all-content .main-content .info .info1,
                        .info2,
                        .info3,
                        .info4{
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            height: 1000px;
                            overflow: scroll;
                            overflow-y: scroll;
                            width: 100%;
                        }
                        
                        .all-content .main-content .info .info2,
                        .info3 {
                            padding: 50px;
                        }
                        
                        .all-content .main-content .info .info2,
                        info3 h4 {
                            margin-top: 10px;
                            margin-bottom: 30px;
                        }


                        .all-content .main-content .info .info4 table{

                        display: block;
                        }
                        
                        @media screen and (min-width: 1800px) {
                            #view_of_dataset {
                                position: absolute;
                            }
                            #results_two_dimensions {
                                position: absolute;
                            }
                        }

                         @media screen and (min-width: 1800px){
                        .all-content .main-content .info .info4 table{
                        position: absolute;
                        }


                         }
                        
                        #view_of_dataset {
                            /*position: auto;*/
                            top: 300px;
                            right: 300px;
                        }
                        
                        #results_two_dimensions {
                            /*position: auto;*/
                            top: 10%;
                            right: 3%;
                        }
                        
                        #centers_by_observers input {
                            width: 20px;
                        }
                        
                        #cenFoundObs, #filtering_process {
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            padding: 10px;
                        }
                        
                        #cenFoundObs div {
                            margin: auto;
                        }
                        
                        #cenFoundObs a {
                            margin-left: 25%;
                        }


                        #filtering_process div{
                        margin: auto;
                        }

                        #filtering_process a{
                        margin-left: 20%;
                        }

                        
                        #summary_of_statistics,
                        #filtering_process {
                            margin: auto;
                            padding: 10px;
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                        }
                        
                        #summary_of_statistics div {
                            margin: auto;
                        }
                        
                        #filtering_process div {
                            margin: auto;
                        }
                        
                        #filtering_process a {
                            margin-left: 20%;
                        }
                        
                        #obSum_polar_download,
                        #obSum_kde_download,
                        #obSum_aicc_download,
                        #obSum_den_download {
                            margin-left: 20%;
                        }
                        
                        #datasetView,
                        #summaryView,
                        #obSum_polar,
                        #obSum_kde,
                        #obSum_aicc,
                        #obSum_den,
                        #den_mix,
                        #polar_mix,
                        #den_mix_sum,
                        #filterView_mix,
                        #filterIdx_mix {
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                        }
                        
                        .all-content .main-content .infoUp {
                            display: block;
                            background: #1D3956;
                            /*padding: 10px;*/
                            color: white;
                            margin: 0px 0px 0px 30px;
                            margin-right: 30px;
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                        }
                        
                        #configNameInput {
                            width: 300px;
                            height: 30px;
                            border: 0px;
                            font-size: 12px;
                        }
                        
                        .myTable tbody {
                            display: block;
                            /* width:900px; */
                            height: 400px;
                            overflow-y: scroll;
                            overflow-x: scroll;
                            text-align: center;
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                        }
                        
                        .myTable tbody tr {
                            display: table;
                            width: 800px;
                            table-layout: fixed;
                        }
                        
                        .myTable tbody tr:nth-child(even) {
                            background-color: #f2f2f2;
                        }

                        #process_visualization {
                        position: absolute;
                        width: 70%;
                        height: 800px;
                        background-color: #4C81B3;
                        border: 10px solid #1D3956;
                        top: 30%;
                        left: 20%;
                        z-index: 2;
                        align: center;
                         border-radius: 20px;
                        transition: .3s ease;
                        text-align: center;
                        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                        opacity: 0.8;
                        display: none;


                        }

                        #process_visualization img {
                        position: center;
                        margin: auto;
                        height: auto;
                        width: auto;


                        }

                        #process_visualization p{
                        float: right;
                        background: white;
                        margin: 10px;
                        width: 20px;
                        font-family: verdana;

                        }

                         #process_visualization p:hover {
                         color: white;
                         background: black;

                         }

                         #process_visualization_config_page {
                        position: absolute;
                        width: 70%;
                        height: 800px;
                        background-color: #4C81B3;
                        border: 10px solid #1D3956;
                        top: 30%;
                        left: 20%;
                        z-index: 2;
                        align: center;
                         border-radius: 20px;
                        transition: .3s ease;
                        text-align: center;
                        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                        opacity: 0.8;
                        display: none;


                        }

                        #process_visualization_config_page img {
                        position: center;
                        margin: auto;
                        height: auto;
                        width: auto;


                        }

                        #process_visualization_config_page p{
                        float: right;
                        background: white;
                        margin: 10px;
                        width: 20px;
                        font-family: verdana;

                        }

                         #process_visualization_config_page p:hover {
                         color: white;
                         background: black;

                         }


                        /*home page */
                        
                        .all-content .main-content .info .home-badges {
                            display: flex;
                            color: white;
                            padding: 20px;
                            justify-content: space-between;
                        }



                        
                        .all-content .main-content .info .home-badges div {
                            height: 150px;
                            flex-basis: 30%;
                            border-radius: 20px;
                            padding: 10px;
                            text-align: center;
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            flex-wrap: wrap;
                        }
                        
                        .all-content .main-content .info .home-badges .badge1 {
                            background-color: seagreen;
                        }
                        
                        .all-content .main-content .info .home-badges .badge2 {
                            background-color: lightblue;
                        }
                        
                        .all-content .main-content .info .home-badges .badge3 {
                            background-color: lightpink;
                        }
                        /* info on iniceSo page is on top first page css */
                        /* info 2 / results summary part*/